<!-- TODO: replace the contents of this file with your own html 
<div class="palm-hasheader">
	<div class="palm-header">
		Hello, World!
	</div>
</div>-->
<div class="palm-header-spacer"></div>
<div x-mojo-element="ImageView" id="coverFlow" class="ImageClass" name="coverFlow"></div>
<div class="palm-body-text" id="songDetails" style="text-align:center;">
	Nothing playing...
</div>
<div class="palm-row single">
	<div class="palm-row-wrapper">
		<div style="margin-left:auto;margin-right:auto;width:60%;">
		<div x-mojo-element="Button" id="prevButton" class="buttonClass" name="previous" style="float:left"></div> 
		<div x-mojo-element="Button" id="playButton" class="buttonClass" name="play" style="float:left"></div> 
		<div x-mojo-element="Button" id="nextButton" class="buttonClass" name="next" style="float:left"></div> 
		</div>
	</div>
</div>